<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="/WEB-INF/tlds/c.tld" prefix="c"%>
<%@ taglib uri="/WEB-INF/tlds/fmt.tld" prefix="fmt"%>
<%@ taglib uri="/WEB-INF/tlds/tiles-jsp.tld" prefix="tiles"%>
<script type="text/javascript">

function rechazarsolicitud(){
	enviarFormulario('rechazarSolicitudForm','${appCtx}/conexia-rrhh/rechazarSolicitudIngreso',
	'${appCtx}/conexia-rrhh/administrarSolicitudes');
}

$(function(){
	
	$("#aprobar").click(function(e) {
		e.preventDefault();
		enviarFormulario('aprobarSolicitudForm','${appCtx}/conexia-rrhh/aprobarSolicitudIngreso',
				'${appCtx}/conexia-rrhh/administrarSolicitudes');	
	});
	
	$("#rechazar").click(function(event) {
		event.preventDefault();
		$("#ingresarJustificacionDiv").dialog({
			title:"Rechazar Solicitud", 
			width:450,
			height:200,
			resizable:true,
			modal:true,
			buttons: {
				'Aceptar': function() {
					rechazarsolicitud();
					$(this).dialog('close');
				},
				'Cancelar': function() {
					$(this).dialog('close');
				}
			},
			close: function(event, ui) {
				$(this).dialog('close');
			}
		});
	});
});
</script>

<form id="aprobarSolicitudForm">
<fieldset class="fieldset">
	<legend class="legend">APROBAR SOLICITUD DE PERSONAL</legend>
	<table class="formTable" style="width: 600px">
		<tr>
			<td class="label" width="220px;">Fecha De Solicitud:</td>
			<td><input type="text" class="inputText" style="width:100px;" disabled="disabled" value="${solicitud.fechaSolicitud}"></td>
		</tr>
		<tr><td colspan="2"></td></tr>
		<tr>
			<td class="label" width="220px;">Fecha Esperada de Incorporacion:</td>
			<td><input type="text" class="inputText" style="width:100px;" disabled="disabled" value="${solicitud.fechaEsperadaIncorporacion}"></td>
		</tr>
		<tr><td colspan="2"></td></tr>
		<tr>
			<td class="label" width="220px;">Estado solicitud:</td>
			<td><input type="text" class="inputText" style="width:100px;" disabled="disabled" value="${solicitud.estadoSolicitudDescripcion}"></td>
		</tr>
		<tr><td colspan="2"></td></tr>
		<tr>
			<td class="label">Gerente solicitante:</td>
			<td><input type="text" class="inputText" style="width:400px;" disabled="disabled" value="${solicitud.gerenteSolicitante}"></td>
		</tr>
		<tr><td colspan="2"></td></tr>
		<tr>
			<td class="label">Perfil Requerido:</td>
			<td><input type="text" class="inputText" style="width:400px;" disabled="disabled" value="${solicitud.perfilNombre}"></td>
		</tr>
		<tr><td colspan="2"></td></tr>
		<tr>
			<td class="label">Cantidad de Vacantes:</td>
			<td><input type="text" class="inputText" style="width:25px;" disabled="disabled" value="${solicitud.cantidadVacantes}"></td>
		</tr>
		<tr><td colspan="2"></td></tr>
		<tr>
			<td class="label">Oficina:</td>
			<td><input type="text" class="inputText" style="width:400px;" disabled="disabled" value="${solicitud.oficinaDescripcion}"></td>
		</tr>
		<tr><td colspan="2"></td></tr>
		<tr>
			<td class="label">Superior Directo:</td>
			<td><input type="text" class="inputText" style="width:400px;" disabled="disabled" value="${solicitud.superiorDirecto}"></td>
		</tr>
		<tr><td colspan="2"></td></tr>
	</table>
	
	<div class="separador">&nbsp;</div>
	
	<table class="formTable" style="width: 600px">
		<tr>
		    <td class="label" width="220px;">Necesidad del Ingreso:</td>
		    <td><input type="text" class="inputText" style="width:400px;" disabled="disabled" value="${solicitud.necesidadIngresoDescripcion}"></td>
		</tr>
		<c:if test="${solicitud.necesidadIngresoCode=='OT'}">
		<tr>
			<td>&nbsp;</td>
		    <td>
		    	<textarea style="min-height: 60px; max-height: 60px; min-width: 400px; max-width: 400px;" disabled="disabled">${solicitud.otraNecesidadIngreso}</textarea>
		    </td>
		 </tr>	
		 </c:if>
	</table>
	
	<div class="separador">&nbsp;</div>
	
	<table class="formTable" style="width: 600px">
		<tr>
			<td class="label" width="220px;">Proyecto Asignado:</td>
			<td><input type="text" class="inputText" style="width:400px;" disabled="disabled" value="${solicitud.proyectoAsignado}"></td>
		</tr>
		<tr><td colspan="2"></td></tr>
		<tr>
			<td class="label">Observaciones:</td>
			<td><textarea style="min-height: 60px; max-height: 60px; min-width: 400px; max-width: 400px;" disabled="disabled">${solicitud.observaciones}</textarea></td>
		</tr>
		<tr><td colspan="2"></td></tr>
	</table>
</fieldset>
<input type="hidden" name="idSolicitud" value="${solicitud.idSolicitud}">
</form>
<!-- Botonera -->
<table style="float:right;position:relative;width:400px;margin-right: 30px;">
	<tr>
		<td class="formActions" style="float:right">
			<input type="button" value="Rechazar solicitud" id="rechazar" class="button">
		</td>
		<td class="formActions" style="float:right">
			<input type="button" value="Aprobar solicitud" id="aprobar" class="button">
		</td>
	</tr>
</table>
<div style="clear:both;">&nbsp;</div>
<br/><br/>
<!-- Dialogo para cargar la justificacion de porque se rechaza la solicitud -->
<div id="ingresarJustificacionDiv">
	<form id="rechazarSolicitudForm">
		<table class="formTable">
			<tr><td class="label" colspan="2">Debe ingresar una justificacion para rechazar la solicitud</td></tr>
			<tr><td>&nbsp;</td></tr>
			<tr>
				<td class="label">Justificacion:</td>
				<td>
					<textarea style="min-height: 60px; max-height: 60px; min-width: 400px;max-width: 400px;" 
						name="justificacion" id="justificacion" >${solicitud.justificacion}</textarea>
				</td>
			</tr>
		</table>
		<input type="hidden" name="idSolicitud" value="${solicitud.idSolicitud}">
	</form>
</div>
